<template>
    <div class="goods-list">
    <!-- 商品区域 -->
        <div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
                    <mt-switch></mt-switch>
                    <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2792318269,495294124&fm=173&app=25&f=JPEG?w=218&h=146&s=59068655EA416357A6A578240300B0D2" alt="">
                    <div class="info">
                        <h1>可爱的小猫</h1>
                        <div class="good-price">
                            <span>￥12233</span>
                            <numBox></numBox>
                            <a href="">删除</a>
                        </div>
                    </div>
					</div>
				</div>
       </div>
<!-- 结算区域 -->
        <div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
                   
					</div>
				</div>
       </div>
    </div>
</template>
<script>
import numBox from '../piclist/shopinfo_num.vue'
export default {

    components:{
        numBox
    }
}
</script>
<style scoped>
.goods-list{
    padding-top: 50px;
    padding-bottom: 50px;
}
.mui-card-content-inner{
 display: flex;
 align-items: center  
}
img{
    width: 60px;
    height: 60px;
}
h1{
    font-size: 16px;
}
span{
    color:red;
    font-weight:bold;  
}
.info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.good-price{
    display: flex;
    align-items: center;
    justify-content: space-between
}
</style>


